/* Write your styles */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} 
body{font:14px "微软雅黑","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;} 
a{text-decoration:none} 
a:hover{text-decoration:none} 
em{font-style:normal} 
li{list-style:none} 
img{border:0;vertical-align:middle} 
table{border-collapse:collapse;border-spacing:0} 
p{word-wrap:break-word} 

@media screen and (min-width:1024px){
	.pc_header{
		width:100%;
		height:119px;
		background:#fff;
	}
	
	.pc_header_middle{
		width:1200px;
		height:119px;
		margin:0 auto;
	}
	
	.pc_logo{
		width:160px;
		height:119px;
		float:left;
	}
	
	
	
	.pc_meuns{
		width:850px;
		height:119px;
		float:right;
		font-size:15px;
	}
	
	.pc_meuns ul li a{
		display:block;
		width:91px;
		height:119px;
		float:left;
		text-align:center;
		line-height:119px;
		margin-right:30px;
	}
	
	.bb:hover{
		background:#313131;
		color:#fff;
	}
	
	
	
		.topsearch {

	  position: relative;

	}

	.topsearch .topsearch-active {

	  cursor: pointer;

	  width: 30px;

	  height: 70px;

	  background: url(../images/h_search.png) no-repeat left;

	  background-size: 20px 20px;

	}



	.search-alert {

	  position: fixed;

	  z-index: 99999999;

	  background-color: #222222;

	  left: 0;

	  top: 0;

	  width: 100%;

	  height: 100%;

	  display: none;

	}

	.search-alert .close {

	  display: block;

	  width: 18px;

	  height: 18px;

	  background: url(../images/h_close.png) no-repeat center;

	  position: absolute;

	  top: 38px;

	  right: 2.6%;

	  cursor: pointer;

	  transition: transform 0.3s ease 0s;

	}

	.close:hover {

	  transform: rotateZ(90deg);

	  transition: transform 0.3s ease 0s;

	}

	.search-alert .topsearch-form {

	  position: absolute;

	  width: 94.8%;

	  left: 2.6%;

	  top: 50%;

	  height: 124px;

	  margin-top: -63px;

	  border-bottom: 1px solid #515151;

	}

	.search-alert .topsearch-form .topsearchbtn {

	  cursor: pointer;

	  width: 124px;

	  height: 124px;

	  border: none;

	  background: url(../images/h_search.png) no-repeat center;

	  background-color: #eee2c3;

	  background-size: 20px 20px;

	  position: absolute;

	  right: 0;

	  bottom: 0;

	  z-index: 1001;

	  outline: none;

	}

	.search-alert .topsearch-form .topsearchtx {

	  border: none;

	  font-size: 52px;

	  height: 124px;

	  line-height: 124px;

	  text-align: center;

	  width: 100%;

	  box-sizing: border-box;

	  color: #555;

	  background: none;

	  padding-left: 88px;

	  padding-right: 80px;

	  background: url(../images/h_search.png) no-repeat 35px 53px;

	  outline: none;

	}
	
	.mobile_header{
		display:none;
	}
	
	.pc_banner{
		width:100%;
		height:100%;
	}
	
	
	.mobile_banner{
		display:none;
	}
	
	.pc_products{
		width:100%;
		height:891px;
		background:#f8f8f8;
	}
	
	.pc_products_middle{
		width:1306px;
		height:891px;
		margin:0 auto;
	}
	
	.pc_products_middle_header{
		width:1200px;
		height:107px;
		margin:0 auto;
		padding-top:117px;
	}
	
	.leftsx{
		width:237px;
		height:108px;
		float:left;
	}
	
	.rights a{
		display:block;
		width:72px;
		height:27px;
		border:1px solid #7d7d7d;
		text-align:center;
		line-height:27px;
		float:right;
		margin-top:39px;
		margin-right:10px;
	}
	
	.pc_products_middle_list{
		width:1306px;
		height:546px;
		background:#ffffff;
	}
	
	.clear{
		clear:both;
	}
	
	.pc_products_middle_list ul{
		width:1200px;
		height:488px;
		margin:0 auto;
		padding-top:57px;
	}
	
	.pc_products_middle_list ul li a{
		display:block;
		width:384px;
		height:488px;
		float:left;
		margin-right:16px;
	}
	
	.pics{
		width:384px;
		height:395px;
	}
	
	.pics_names{
		width:384px;
		height:94px;
		line-height:94px;
		text-align:center;
		font-size:16px;
	}
	
	.mobile_productsx{
		display:none;
	}
	
	.pc_abouts{
		width:100%;
		height:922px;
		background:url(../images/about_bg_02.jpg);
		background-position:50% 50%;
	}
	
	.pc_about_middle{
		width:1306px;
		height:651px;
		background:url(../images/about_bg2_03.png);
		margin:0 auto;
	}
	
	.video_left{
		width:648px;
		height:544px;
		float:left;
		margin-top:106px;
	}
	
	.about_remarks{
		width:585px;
		height:544px;
		float:left;
		margin-top:106px;
		margin-left:45px;
	}
	
	.about_remarks h1{
		font-size:30px;
		color:#fff;
		margin-top:40px;
	}
	
	.remarks_contents{
		line-height:2em;
		font-size:15px;
		margin-top:15px;
		color:#918e8e;
	}
	
	.mobile_about{
		display:none;
	}
	
	.pc_cases{
		width:100%;
		height:2323px;
		background:#f8f8f8;
	}
	
	.pc_case_middle{
		width:1306px;
		height:2323px;
		margin:0 auto;
	}
	
	.index_case{
		width:1306px;
		height:999px;
		margin:0 auto;
		position:relative;
		top:-158px;
		z-index:99999;
	}
	
	.index_case_top{
		width:1306px;
		height:626px;
	}
	
	.index_case_top_left{
		width:660px;
		height:626px;
		background:#fff;
		padding:103px;
		float:left;
	}
	
	.en_title{
		font-size:35px;
		font-weight:bold;
		color:#d3d3d3;
		font-weight:bold;
		font-family:'Arial';
	}
	
	.cn_title{
		font-size:22px;
		margin-top:20px;
	}
	
	.remakrsx{
		margin-top:123px;
	}
	
	.remakrsx p{
		margin-top:15px;
	}
	
	.case_more a{
		display:block;
		width:100px;
		height:27px;
		line-height:27px;
		text-align:center;
		border:1px solid #7d7d7d;
		margin-top:40px;
	}
	
	.jiantou{
		width:26px;
		height:47px;
		float:right;
		position:relative;
		top:-80px;
		left:125px;
		z-index:9999999;
	}
	
	.index_case_top_right{
		width:646px;
		height:468px;
		float:left;
		margin-top:157px;
	}
	
	.index_case_under{
		width:1306px;
		height:345px;
		margin-top:25px;
	}
	
	.index_case_under ul li{
		width:423px;
		height:346px;
		float:left;
		margin-right:12px;
	}
	
	.index_youshis{
		width:1306px;
		height:1244px;
		background:#fff;
		margin:0 auto;
		position: relative;
		top: -158px;
	}
	
	.index_youshis_middle{
		width:1200px;
		height:1026px;
		margin:0 auto;
		margin-top:108px;
	}
	
	.youshi_listsx ul li{
		width:1200px;
		height:280px;
		border-top:1px solid #d2d2d2;
		margin-bottom:33px;
	}
	
	.mobile_youshis{
		display:none;
	}
	
	.mobils_cases{
		display:none;
	}
	
	.pc_news{
		width:100%;
		height:579px;
		background:#ffffff;
	}
	
	.pc_news_middle{
		width:1200px;
		height:342px;
		margin:0 auto;
		padding-top:70px;
	}
	
	.pc_news_middle_list{
		width:1306px;
		height:342px;
	}
	
	.pc_news_middle_list_left{
		width:633px;
		height:342px;
		float:left;
		border-bottom:1px solid #e2e2e2;
	}
	
	.pc_news_middle_list ul li a{
		display:block;
		width:633px;
		height:56px;
		border-top:1px solid #e2e2e2;
		line-height:56px;
		color:#969595;
	}
	
	.news_list_left{
		width:494px;
		height:56px;
		float:left;
	}
	
	.news_list_right{
		width:139px;
		height:56px;
		float:left;
	}
	
	.pc_news_middle_list_right{
		width:566px;
		height:342px;
		float:left;
	}
	
	.mobiles_news{
		display:none;
	}
	
	.pc_footer{
		width:100%;
		height:425px;
		background:#313131;
	}
	
	.pc_footer_middle{
		width:1200px;
		height:425px;
		margin:0 auto;
	}
	
	.pc_footer_middle_left{
		width:917px;
		height:425px;
		float:left;
	}
	
	.pc_footer_middle_left_top{
		width:917px;
		height:128px;
		padding-top:94px;
	}
	
	.footer_erweima{
		width:125px;
		height:128px;
		float:left;
		border-right:1px dotted #696969;
	}
	
	.footer_meuns{
		width:792px;
		height:128px;
		float:left;
		color:#ffffff;
	}
	
	.footer_menus_list{
		width:116px;
		height:128px;
		float:left;
		text-align:center;
	}
	
	.big_small_title{
		font-size:12px;
		font-weight:bold;
      color:#cccccc;
		
	}
	
	.small_footer_title{
		font-size:15px;
		margin-top:20px;
		
	}

	
	
	.footer_address{
		width:530px;
		height:128px;
		float:left;
		margin-left:10px;

	}
	
	.pc_footer_middle_left_under{
		width:917px;
		height:54px;
		margin-top:72px;
	}
	
	.footer_logo{
		width:125px;
		height:54px;
		float:left;
	}
	
	.footer_links{
		width:792px;
		height:54px;
	}
	
	.footer_feedback{
		width:280px;
		height:266px;
		float:right;
	}
	
	.pcs_frineds_link {
		display:none;
	}
	
	.feedbacksx{
		display:none;
	}
	
	.index_footers{
		display:none;
	}
}



@media screen and (max-width:1024px){
	 .pc_header{
		 display:none;
	 }
	 
	 
	 
	 .mobile_header {
			max-width: 640px;
			height: 100%;
			overflow: hidden;
			background:#fff;
			margin: 0 auto;
	}
	
	.mobile_header_logo {
		width:50%;
		height: 100%;
		float: left;
		
	}
	
	.mobile_header_logo img {
		width:95%;
		
	}
	
	.mobile_meuns {
		width: 30%;
		height: auto;
		float: right;
		margin:3%;
		margin-right:3%;
		
		text-align: right;
	}
	
	.mobile_meuns img {
		width:25%;
		margin-top:3%;
	}
	
	.sidenav {
		background: #4E4E4E;
		width: 150px;
		position: absolute;
		top: 0;
		bottom: 0;
		padding-top: 50px;
	}
	
	.am-offcanvas-content ul li {
		width: 100%;
		float: left;
		height: 50px;
	}
	
	.sidenav li {
		list-style-type: none;
		text-align: center;
		font-size: 14px;
		font-family: 微软雅黑;
	}
	
	.am-offcanvas-content a {
		color: #ccc;
	}
	
	img {
		border: 0;
		vertical-align: middle;
	}
	
	.pc_banner{
		display:none;
	}
	
	
	.mobile_banner{
		max-width:640px;
		height:100%;
		margin:0 auto;
	}
	
	.pc_products{
		display:none;
	}
	
	.mobile_productsx{
		width:100%;
		height:100%;
	}
	
	.mobiles_services {
		max-width: 640px;
		height: 100%;
		margin: 0 auto;
	}
	
	.module {
		position: relative;
	}
	
	.content .header {
		padding: 35px 14px 30px 14px;
	}
	
	.content .header p.title {
		color: #444;
		font-size:1.2rem;
	}
	
	.content .header p.title {
		text-align: center;
	}
	
	.content .header p.subtitle {
		color: #c1c1c1;
		font-size:0.9rem;
		margin-top:1%;
	}
	
	.content .header p.subtitle {
		text-align: center;
	}
	
	.npagePage.mvideom .content, .mvideom .module-content {
		padding: 0 10px;
	}
	
	.mvideom .content_list .videom_item .wrap {
		margin: 10px;
	}
	
	.mvideom .content_list .image img {
		float: none;
		width: 100%;
	}
	
	img {
		border: 0;
		vertical-align: middle;
	}
	
	.ellipsis {
		white-space: nowrap;
		text-overflow: ellipsis;
		max-width: 100%;
		line-height:2em;
	}
	
	.mvideom .content_list .item_info {
    padding: 10px 10px;
	}
	
	.pc_abouts{
		display:none;
	}
	
	#mpage {
		background-color: #f8f8f8;
		margin-top: 3%;
	}
	
	#mpage .description {
		line-height: 2rem;
	}

	#mpage .description {
		text-align: left;
	}
	
	#mpage a.more {
		width: 80%;
		height: 38px;
		display: block;
		margin: 25px auto 50px;
		line-height: 38px;
		text-align: center;
	}
	
	
	#mpage a.more {
		color: #fff;
		font-family: "HELVETICANEUELTPRO-THEX";
		border: #4E4E4E 1px solid;
		background: #4E4E4E;
		border-radius: 0px;
	}

	
	#mpage .fimg {
		width: 100%;
		height: auto !important;
		overflow: hidden;
	}
	
	#mpage .fimg {
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		background-repeat: no-repeat;
		margin-top: 20px;
	}
	
	#mpage .fimg img {
		width: 100%;
		margin: 0;
		display: block;
		float: none;
	}
	
	.plr10 {
		padding: 0 20px;
	}
	
	.pc_cases{
		display:none;
	}
	
	.index_youshis{
		max-width:640px;
		height:100%;
		margin:0 auto;
	}
	
	.mobiles_services {
		max-width: 640px;
		height: 100%;
		margin: 0 auto;
	}
	
	.mobile_about_pic {
		max-width: 640px;
		height: 100%;
		margin-top: 3%;
	}
	
	.mobils_cases{
		max-width: 640px;
		height: auto;
		margin: 0 auto;
	}
	
	#mproject {
		background-color: #fff;
		margin-bottom: 45px;
	}
	
	#projectlist .wrapper {
		margin-left: 0;
	}
	
	#projectlist .projectitem {
		height: auto;
		float: left;
		position: relative;
	}
	
	#projectlist .projectitem {
		padding-bottom: 50px;
		width: 48%;
		margin: 0 1% 2% 1%;
		background-color: #fff;
	}
	
	#projectlist .projectitem a {
		display: block;
		overflow: hidden;
	}
	
	#projectlist .projectitem a img {
		width: 100%;
		height: auto;
		transition: all ease-out .3s;
	}
	
	#projectlist .projectitem .project_info {
		height: 50px;
		position: absolute;
		width: 100%;
		bottom: 0;
	}
	
	.projectitem .project_info p.title {
		margin-top: 10px;
		color: #565656;
		font-size: 13px;
		text-align: left;
		margin-left: 0px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin-bottom: 4px;
	}
	
	.pc_news{
		display:none;
	}
	
	.index_youshis{
		display:none;
	}
	
	.mobile_news{
		max-width:640px;
		height:auto;
		margin:0 auto;
	}
	
	#mnews {
		background-color: #f8f8f8;
		height: auto;
	}
	
	#newslist .newstitem:first-child {
		padding-top: 20px;
	}
	
	#newslist .newstitem {
		border-bottom: rgba(0,0,0,0.05) 1px solid;
	}
	
	#newslist .newstitem {
		height: 140px;
		padding-top: 40px;
		padding-bottom: 0;
	}
	
	#newslist .newstitem .newsdate {
		float: left;
	}
	
	#newslist .newsinfo .md {
		text-align: right;
	}
	
	#newslist .newstitem .md {
		color: #8a8a8a;
		font-size: 16px;
		line-height: 0px;
		height: 0;
		padding: 0 60px 0 0;
	}
	
	#newslist .newsdate p {
		font-family: "HELVETICANEUELTPRO-THEX", Arial;
	}
	
	p {
		word-wrap: break-word;
	}
	
	#newslist .newstitem .newsdate {
		float: left;
	}
	
	#newslist .newstitem .newsdate {
		margin-bottom: 15px;
	}
	
	#newslist .newsinfo .year {
		color: #bdbdbd;
		font-size: 16px;
		line-height: 0;
		padding: 0;
		margin-left: 55px;
		text-align: left;
	}
	
	#newslist .newsdate p {
		font-family: "HELVETICANEUELTPRO-THEX", Arial;
	}
	
	#newslist .newsbody {
		margin-top:20px;
	}
	
	#newslist .newsbody .title {
		width: 100%;
		height: 20px;
		line-height: 20px;
		font-size:1rem;
	}
	
	#newslist .newsbody .title {
		color: #565656;
	}
	
	#newslist .newsbody .description {
		width: 100%;
		height: 45px;
		line-height: 22px;
		font-size:0.9rem;
		color: #6a6a6a;
		overflow: hidden;
		margin-top: 10px;
	}
	
	.clear{
		clear:both;
	}
	
	.pc_footer{
		display:none;
	}
	
	.pcs_frineds_link {
		max-width: 640px;
		height: 100%;
		margin: 0 auto;
	}
	
	.pcs_friends_link_middle {
		max-width: 640px;
		height: 100%;
		padding: 2%;
	}
	
	.feedbacksx {
		max-width: 640px;
		height: 100%;
	}
	
	#mcontact {
		background-color: rgb(255, 255, 255);
		padding-bottom: 40px;
	}
	
	#mcontact {
		display: flex;
		flex-direction: column;
	}
	
	#contactform {
		padding: 24px 5% 0px;
	}
	
	#contactform input, textarea {
		width: 100%;
		vertical-align: middle;
		color: rgb(51, 51, 51);
		margin-bottom: 10px;
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: rgb(236, 236, 236);
		border-image: initial;
		padding: 10px 20px;
		transition: all 0.3s ease-out 0s;
	}


	#contactform .submit {
		color: #fff;
		font-family: HELVETICANEUELTPRO-THEX;
		border: #4E4E4E 1px solid;
		background: #4E4E4E;
		border-radius: 0px;
		width: 55%;
		margin: 30px auto 40px auto;
		display: block;
		text-align: center;
		margin-top: 5%;
	}
	
	
	.index_footers {
		width: 100%;
		height: 8vh;
		background: #4E4E4E;
		position: fixed;
		bottom: 0;
		z-index: 9999;
		background-position: 50% 50%;
	}
	
	.index_footers ul li a {
		display: block;
		width: 20%;
		height: 8vh;
		line-height: 8vh;
		float: left;
		text-align: center;
		color:#fff;
	}
}